<div id="particles-js">
    <div class="header">
        <h1>
            <span class="site-title">{{site.username}}</span>
            <span class="site-description">{{site.user_title}}</span>
        </h1>
        <div class="header-icons">
            <a aria-label="My Blog" title="Document" target="_blank" href="//smartboot.gitee.io/docs/smart-socket/"><i
                    class="icon fas fa-book" aria-hidden="true"></i></a>

            <a aria-label="Api docs" title="apidocs" target="_blank" href="apidocs/index.html"><i class="icon fab fa-java"
                                                                                  aria-hidden="true"></i></a>
            <a aria-label="My Github" title="github" target="_blank" href="https://gitee.com/smartboot/smart-socket"><i
                    class="icon fab fa-github" aria-hidden="true"></i></a>
            <a aria-label="Send email" title="email" href="mailto:zhengjunweimail@163.com"><i class="icon fa fa-envelope"></i></a>
            <!--<a aria-label="My QQ" target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=3b5415f714c714616d15e86c1143d31855bffa01d3f73bfb2970c4575859436a"><i class="icon fab fa-qq" aria-hidden="true"></i></a>-->
        </div>
        <div class="header-links">
            <a class="link" href="#about" data-scroll>关于</a>
            <a class="link" href="#projects" data-scroll>案例</a>
            <a class="link" href="2018/05/19/donation.html" target="_blank">捐赠</a>
        </div>
    </div>
    <a class="down" href="#about" data-scroll><i class="icon fa fa-chevron-down" aria-hidden="true"></i></a>
</div>
